{% extends "menu.html" %}
{% block content %}

        <!-- page content -->
        <div class="right_col" role="main">
          <div class="">
            <div class="page-title">



            </div>
            <div class="clearfix"></div>
            <div class="row">
              <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                    <h2>账户余额查询 <a href="/cloud/account_balance/?refresh=1">一键更新</a></h2>

                    <div class="clearfix"></div>
                  </div>
                    <div class="row">
                        {% for key in account_list %}
                            <style>
                            .w_20{
                                width: 70%;
                            }
                            .w_25{
                                width: 30%;
                            }

                            </style>
            <div class="col-md-4 col-sm-4 col-xs-12">
              <div class="x_panel tile fixed_height_320" style="height: 200px">
                <div class="x_title">
                 <h2>{{ key.cdn_name }}</h2>

                  <div class="clearfix"></div>
                </div>
                <div class="x_content">
{#                  <h4>{{ key.account }}</h4>#}
                  <div class="widget_summary">
                    <div class="w_left w_25">
                      <span >平台账户</span>
                    </div>

                    <div class="w_right w_20">
                      <span style="font-size: 13px">{{ key.account }}</span>
                    </div>
                    <div class="clearfix"></div>
                  </div>

                  <div class="widget_summary">
                    <div class="w_left w_25">
                      <span>平台账户ID</span>
                    </div>

                    <div class="w_right w_20">
                      <span style="font-size: 13px">{{ key.account_id }}</span>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                  <div class="widget_summary">
                    <div class="w_left w_25">
                      <span>账户余额</span>
                    </div>

                    <div class="w_right w_20">
                      <span style="font-size: 13px">{{ key.account_balance }}元</span>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                  <div class="widget_summary">
                    <div class="w_left w_25">
                      <span>所属平台</span>
                    </div>

                    <div class="w_right w_20">
                      <span style="font-size: 13px">{{ key.cdn_type__name }}</span>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                  <div class="widget_summary">
                    <div class="w_left w_25">
                      <span>刷新时间</span>
                    </div>

                    <div class="w_right w_20">
                      <span style="font-size: 13px">{{ key.account_balance_refresh_time }}</span>
                    </div>
                    <div class="clearfix"></div>
                  </div>


                </div>
              </div>
            </div>
                        {% endfor %}

          </div>

                </div>

              </div>

            </div>



          </div>
        </div>
{% endblock %}